<!DOCTYPE html><html lang="ru" class="page"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="shortcut icon" href="./favicons/kompas.ico" type="image/x-icon"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="theme-color" content="#111111"><title>Portfolio</title><link rel="stylesheet" href="css/vendor.css"><link rel="stylesheet" href="css/main.css"><script defer="defer" src="js/main.js"></script></head><body class="page__body"><div class="site-container"><nav class="menu"><div class="container"><a href="#" class="menu__logo"><img loading="lazy" src="./img/icons/logo.png" class="menu__image" width="55" height="55" alt="Логотип"></a><ul class="list-reset menu__list nav__list"><li class="menu__item nav__item"><a href="#header" class="menu__link nav__link">Главная</a></li><li class="menu__item nav__item"><a href="#about" class="menu__link nav__link">Про меня</a></li><li class="menu__item nav__item"><a href="#resume" class="menu__link nav__link">Мой опыт</a></li><li class="menu__item nav__item"><a href="#skill" class="menu__link nav__link">Мои навыки</a></li><li class="menu__item nav__item"><a href="#portfolio" class="menu__link nav__link">Мои работы</a></li><li class="menu__item nav__item"><a href="#contacts" class="menu__link nav__link">Контакты</a></li></ul></div></nav><header class="header"><!-- Swiper --><div class="swiper header__items"><div class="swiper-wrapper"><div class="swiper-slide header-content slide--1"><div class="header-content__descr"><div class="slide__subtitle header-content__subtitle" data-swiper-parallax-opacity="0" data-swiper-parallax="150%">Меня зовут <span>Вячеслав Хохлов</span></div><h1 class="slide__title header-content__title" data-swiper-parallax="-100%"><span>Я  верстальщик</span></h1><div class="header-content__icons" data-swiper-parallax="500"><div class="header-content__icon"><img loading="lazy" src="./img/skills/html5.svg" class="header-content__image" width="45" height="45" alt="html5"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/css3.svg" class="header-content__image" width="45" height="45" alt="css3"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/github.svg" class="header-content__image" width="50" height="50" alt="github"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/gulp.svg" class="header-content__image" width="65" height="65" alt="gulp"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/Sass.svg" class="header-content__image" width="65" height="65" alt="Sass"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/bootstrap.svg" class="header-content__image" width="50" height="50" alt="bootstrap"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/node.js.svg" class="header-content__image" width="85" height="85" alt="node.js"></div></div><div class="header-content__btns" data-swiper-parallax="500"><a href="#portfolio" class="header-content__btn btn--accent">Портфолио</a> <a href="#about" class="header-content__btn btn--accent">Про меня</a></div></div></div><div class="swiper-slide header-content slide--2"><div class="header-content__descr"><div class="header-content__subtitle" data-swiper-parallax-opacity="0" data-swiper-parallax="150%">Меня зовут <span>Вячеслав Хохлов</span></div><h1 class="header-content__title" data-swiper-parallax="-100%"><span>Я  верстальщик</span></h1><div class="header-content__icons" data-swiper-parallax="500"><div class="header-content__icon"><img loading="lazy" src="./img/skills/html5.svg" class="header-content__image" width="45" height="45" alt="html5"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/css3.svg" class="header-content__image" width="45" height="45" alt="css3"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/github.svg" class="header-content__image" width="50" height="50" alt="github"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/gulp.svg" class="header-content__image" width="65" height="65" alt="gulp"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/Sass.svg" class="header-content__image" width="65" height="65" alt="Sass"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/bootstrap.svg" class="header-content__image" width="50" height="50" alt="bootstrap"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/node.js.svg" class="header-content__image" width="85" height="85" alt="node.js"></div></div><div class="header-content__btns" data-swiper-parallax="500"><a href="#resume" class="header-content__btn btn--accent">Мой опыт</a> <a href="#skill" class="header-content__btn btn--accent">Мои навыки</a></div></div></div><div class="swiper-slide header-content slide--3"><div class="header-content__descr"><div class="header-content__subtitle" data-swiper-parallax-opacity="0" data-swiper-parallax="150%">Меня зовут <span>Вячеслав Хохлов</span></div><h1 class="header-content__title" data-swiper-parallax="-100%"><span>Я  верстальщик</span></h1><div class="header-content__icons" data-swiper-parallax="500"><div class="header-content__icon"><img loading="lazy" src="./img/skills/html5.svg" class="header-content__image" width="45" height="45" alt="html5"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/css3.svg" class="header-content__image" width="45" height="45" alt="css3"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/github.svg" class="header-content__image" width="50" height="50" alt="github"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/gulp.svg" class="header-content__image" width="65" height="65" alt="gulp"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/Sass.svg" class="header-content__image" width="65" height="65" alt="Sass"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/bootstrap.svg" class="header-content__image" width="50" height="50" alt="bootstrap"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/node.js.svg" class="header-content__image" width="85" height="85" alt="node.js"></div></div><div class="header-content__btns" data-swiper-parallax="500"><a href="#contacts" class="header-content__btn btn--accent">Контакты</a> <a href="#portfolio" class="header-content__btn btn--accent">Портфолио</a></div></div></div><div class="swiper-slide header-content slide--4"><div class="header-content__descr"><div class="header-content__subtitle" data-swiper-parallax-opacity="0" data-swiper-parallax="150%">Меня зовут <span>Вячеслав Хохлов</span></div><h1 class="header-content__title" data-swiper-parallax="-100%"><span>Я  верстальщик</span></h1><div class="header-content__icons" data-swiper-parallax="500"><div class="header-content__icon"><img loading="lazy" src="./img/skills/html5.svg" class="header-content__image" width="45" height="45" alt="html5"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/css3.svg" class="header-content__image" width="45" height="45" alt="css3"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/github.svg" class="header-content__image" width="50" height="50" alt="github"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/gulp.svg" class="header-content__image" width="65" height="65" alt="gulp"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/Sass.svg" class="header-content__image" width="65" height="65" alt="Sass"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/bootstrap.svg" class="header-content__image" width="50" height="50" alt="bootstrap"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/node.js.svg" class="header-content__image" width="85" height="85" alt="node.js"></div></div><div class="header-content__btns" data-swiper-parallax="500"><a href="#about" class="header-content__btn btn--accent">Про меня</a> <a href="#resume" class="header-content__btn btn--accent">Мой опыт</a></div></div></div><div class="swiper-slide header-content slide--5"><div class="header-content__descr"><div class="header-content__subtitle" data-swiper-parallax-opacity="0" data-swiper-parallax="150%">Меня зовут <span>Вячеслав Хохлов</span></div><h1 class="header-content__title" data-swiper-parallax="-100%"><span>Я  верстальщик</span></h1><div class="header-content__icons" data-swiper-parallax="500"><div class="header-content__icon"><img loading="lazy" src="./img/skills/html5.svg" class="header-content__image" width="45" height="45" alt="html5"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/css3.svg" class="header-content__image" width="45" height="45" alt="css3"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/github.svg" class="header-content__image" width="50" height="50" alt="github"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/gulp.svg" class="header-content__image" width="65" height="65" alt="gulp"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/Sass.svg" class="header-content__image" width="65" height="65" alt="Sass"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/bootstrap.svg" class="header-content__image" width="50" height="50" alt="bootstrap"></div><div class="header-content__icon"><img loading="lazy" src="./img/skills/node.js.svg" class="header-content__image" width="85" height="85" alt="node.js"></div></div><div class="header-content__btns" data-swiper-parallax="500"><a href="#skill" class="header-content__btn btn--accent">Мои навыки</a> <a href="#contacts" class="header-content__btn btn--accent">Контакты</a></div></div></div></div></div><!-- Header-section --><div class="container--fluid header__container" id="header"><div class="header__top container"><a href="#" class="nav__logo"><img loading="lazy" src="./img/icons/logo.png" class="header__image" width="55" height="55" alt="Логотип"></a><nav class="header-nav"><ul class="header-nav__list list-reset"><li class="header-nav__item"><a href="#about" class="header-nav__link">Про меня</a></li><li class="header-nav__item"><a href="#resume" class="header-nav__link">Мой опыт</a></li><li class="header-nav__item"><a href="#skill" class="header-nav__link">Мои навыки</a></li><li class="header-nav__item"><a href="#portfolio" class="header-nav__link">Мои работы</a></li><li class="header-nav__item"><a href="#contacts" class="header-nav__link">Контакты</a></li></ul></nav><button class="burger" aria-label="Открыть меню" aria-expanded="false"><span class="burger__line"></span></button></div><!-- Header-social --><div class="header__social"><a target="_blank" href="https://github.com/dedmaier" class="header__social-link" alt="Githab"><svg class="header__image"><use xlink:href="img/sprite.svg#github"></use></svg> </a><a target="_blank" href="https://t.me/dedmaier" class="header__social-link" alt="Telegram"><svg class="header__image"><use xlink:href="img/sprite.svg#telegram"></use></svg> </a><a target="_blank" href="https://wa.me/79776193042" class="header__social-link" alt="Whatsapp"><svg class="header__image"><use xlink:href="img/sprite.svg#whatsapp"></use></svg> </a><a target="_blank" href="https://gitlab.com/DedMaier" class="header__social-link" alt="Gitlab"><svg class="header__image"><use xlink:href="img/sprite.svg#gitlab"></use></svg></a><div class="header__social-divider divider-social"></div></div><!-- Header-slider-control --><div class="header__slider-controls"><div class="slider-controls"><div class="slider-controls__arrows"><button class="btn-reset slider-controls__prev slider-controls__btn sliderPrev" id="sliderPrev"><img loading="lazy" src="./img/icons/arrow-left.svg" width="44" height="44" class="slider-controls__image" alt="prev"></button> <button class="btn-reset slider-controls__next slider-controls__btn sliderNext" id="sliderNext"><img loading="lazy" src="./img/icons/arrow-right.svg" width="44" height="44" class="slider-controls__image" alt="next"></button></div><div class="slider-controls__count"></div></div></div><!-- Header-scrollbar --><div class="header__scrollbar"><div class="swiper-scrollbar"></div></div></div></header><main class="main"><section class="about" id="about"><div class="container about__container"><div class="about__wrapper"><div class="about__photo"><img src="img/IMG_4.jpg" alt="photo"></div><div class="about__descr"><h2 class="title about__title">Про меня</h2><div class="title about__subtitle">Меня зовут Вячеслав</div><div class="divider"></div><p class="about__text">Я знаю, что многие клиенты, прежде чем сделать выбор, хотят увидеть реальные кейсы по веб-разработке, т. е. «живые» сайты. Поэтому, на этой странице я представил часть своих работ, выполненных в разное время. Глядя на них вы можете увидеть мой профессиональный рост и навыки, которыми я обладаю. Посмотрите и решите, соответствуют ли они Вашим ожиданиям, прежде чем вы решите оформить заказ.</p></div><div class="about__skills"><div class="about__skills-item"><div class="about__skills-circle"><img src="img/icons/about_me/web_development.svg" alt="web-dev"></div><div><div class="title about__skills-cap">Web-разработка</div><p class="about__skills-text">Создание сайтов различной сложности (landing page, интернет-магазин (изучаю), каталог, CMS WordPress). Адаптивный дизайн. Высокая скорость загрузки.  Управление контентом.</p></div></div><div class="about__skills-item"><div class="about__skills-circle"><img src="img/icons/about_me/mobile_dev.svg" alt="mobile-dev"></div><div><div class="title about__skills-cap">Разработка приложений</div><p class="about__skills-text">Увелечение скорости загрузки, валидности и соблюдение семантики для хорошей индексации в поисковых системах. Настройка различных сторонних плагинов, метрик и скриптов.</p></div></div><div class="about__skills-item"><div class="about__skills-circle"><img src="img/icons/about_me/design.svg" alt="design"></div><div><div class="title about__skills-cap">UI/UX Design</div><p class="about__skills-text">Создание дизайна страниц сайта, приложение. Создание дизайнерских компонентов для сайтов (слайдер, баннеры, секции) и рекламных материалов в графических редакторах для маркетинга.</p></div></div><div class="about__skills-item"><div class="about__skills-circle"><img src="img/icons/about_me/star.svg" alt="design"></div><div><div class="title about__skills-cap">SEO</div><p class="about__skills-text">Оптимизация структуры сайта для лучшей его обработки поисковыми системами, что впоследствии улучшает его позиции в поисковой выдаче, ускоряя развитие и увеличивая посещаемость.</p></div></div></div></div></div></section><section class="resume" id="resume"><div class="container resume__container"><div class="resume__descr"><h2 class="title resume__title">Опыт</h2><div class="title resume__subtitle">Чем я буду полезен</div><div class="divider"></div></div><div class="resume__wrapper"><div class="resume__column"><h3 class="title resume__column-title">Образование</h3><ul><li><div class="resume__item"><div class="resume__item-head"><div class="resume__item-icon"><img src="img/icons/experience/university.svg" alt="university"></div><h3 class="title resume__item-title">МГТУ им. Г. И. Носова</h3><div class="title resume__item-location">Инженер| Электроснабжение</div></div><p class="resume__item-body">Научился анализировать и обрабатывать информацию, руководить и выполнять указания, разрабатывать и управлять автоматизированными системами.</p></div></li><li><div class="resume__item"><div class="resume__item-head"><div class="resume__item-icon"><img src="img/icons/experience/courses.svg" alt="courses"></div><h3 class="title resume__item-title">Skillbox, Нетология</h3><div class="title resume__item-location">Курсы по Web-разработке</div></div><p class="resume__item-body">Прошел несколько курсов по web-разработке. Научился создавать быстрые, адаптивные, оптимизированные и доступные сайты, приложения.</p></div></li></ul></div><div class="resume__column"><h3 class="title resume__column-title">Опыт работы</h3><ul><li><div class="resume__item"><div class="resume__item-head"><div class="resume__item-icon"><img src="img/icons/experience/developer.svg" alt="developer"></div><h3 class="title resume__item-title">Front-End Developer</h3><div class="title resume__item-location">Фриланс маркплейс</div></div><p class="resume__item-body">Занимаюсь версткой сайтов. Подготавливаю сайты для посадки на CMS WordPress. Пишу различные анимации, как сложные, так и простые.</p></div></li><li><div class="resume__item"><div class="resume__item-head"><div class="resume__item-icon"><img src="img/icons/about_me/design.svg" alt="design"></div><h3 class="title resume__item-title">UI/UX Designer</h3><div class="title resume__item-location">Фриланс маркплейс</div></div><p class="resume__item-body">Разрабатываю дизайн сайтов, приложений. Настраиваю SEO оптимизацию. Анализирую доступность и удобство пользователей.</p></div></li></ul></div></div></div></section><!-- <section class="section-three skill" id="#skill">
  <div class="container section-three__container">
    <h2 class="section-three__title">Мои навыки</h2>
  </div>
</section> --><section class="skill" id="skill"><div class="container skills__container"><div class="skills__descr"><h2 class="title skills__title">Навыки</h2><div class="title skills__subtitle">Что я использую в работе</div><div class="divider"></div></div><div class="skills__items"><div class="skills__item"><div class="skills__item-img"><img src="img/icons/skills/html5.svg" alt="html5"></div><h3 class="title skills__item-title">HTML5</h3><p>Именно он создает каркас вашего сайта или приложения, а пятая версия позволит мне создавать более SEO-оптимизированную структуру вашего продукта</p></div><div class="skills__item"><div class="skills__item-img"><img src="img/icons/skills/css3.svg" alt="css3"></div><h3 class="title skills__item-title">CSS3</h3><p>Этот язык стилей позволяет мне создавать абсолютно любой внешний вид вашего сайта или приложения. Все ограничивается только вашей фантазией!</p></div><div class="skills__item"><div class="skills__item-img"><img src="img/icons/skills/Sass.svg" width="65" height="65" alt="SASS"></div><h3 class="title">SASS</h3><p>Препроцессор CSS, который позволяет быстрее и качественее создавать сайты. С помощью него намного проще поддерживать крупные проекты.</p></div><div class="skills__item"><div class="skills__item-img"><img src="img/icons/skills/bootstrap.svg" width="65" height="65" alt="Bootstrap"></div><h3 class="title skills__item-title">Bootstrap</h3><p>Самая популярная библиотека для создания сайтов. С помощью нее увеличивается разработка сайтов и его адаптация.</p></div><div class="skills__item"><div class="skills__item-img"><img src="img/icons/skills/gulp.svg" width="65" height="65" alt="Gulp"></div><h3 class="title skills__item-title">Gulp</h3><p>Этот язык программирования позволяет оживить все что угодно: слайдеры, окна, подсказки, вкладки, получение данных от сервера и многое другое</p></div><div class="skills__item"><div class="skills__item-img"><img src="img/icons/skills/js.svg" alt="java script"></div><h3 class="title title_fz14">Java Script</h3><p>Таск-менеджер, который берет на себя рутинные задачи. С помощью него легко быстро оптимизировать сайт, минифицировать файлы, изображения.</p></div><div class="skills__item"><div class="skills__item-img"><img src="img/icons/skills/jquery.svg" alt="Jquery"></div><h3 class="title skills__item-title">Jquery</h3><p>Библиотека Jquery позволит ускорить разработку. Без необходимости интегрировать в проект мы её не будем, но навык работы с ней присутствует</p></div><div class="skills__item"><div class="skills__item-img"><img src="img/icons/skills/react.svg" alt="React"></div><h3 class="title title_fz14">React</h3><p>Эта библиотека позволяет создавать web-приложения. Мы можем создать максимально интерактивный продукт именно под ваши цели</p></div><div class="skills__item"><div class="skills__item-img"><img src="img/icons/skills/node.js.svg" alt="Node.js"></div><h3 class="title skills__item-title">Node.js</h3><p>Эта платформа позволяет создавать бэкенд для вашего продукта — «мозги», которые будут выполнять действия, которые пользователь не видит</p></div><div class="skills__item"><div class="skills__item-img"><img src="img/icons/skills/github.svg" width="65" height="65" alt="Github"></div><h3 class="title">Github</h3><p>Крупнейший веб-сервис для хостинга веб проектов и их совместой разработки.</p></div></div><div class="skills__ratings"><div class="skills__ratings-item"><div class="title skills__ratings-title">Создание сайтов</div><div class="skills__ratings-counter skill__rating-item-counter">100%</div><div class="skills__ratings-line skill__rating-item-line"><span class="line-bar-1"></span></div></div><div class="skills__ratings-item"><div class="title skills__ratings-title">Создание приложений</div><div class="skills__ratings-counter">85%</div><div class="skills__ratings-line"><span class="line-bar-2"></span></div></div><div class="skills__ratings-item"><div class="title skills__ratings-title">Работа с данными</div><div class="skills__ratings-counter">90%</div><div class="skills__ratings-line"><span class="line-bar-3"></span></div></div><div class="skills__ratings-item"><div class="title skills__ratings-title">Креативность</div><div class="skills__ratings-counter">75%</div><div class="skills__ratings-line"><span class="line-bar-4"></span></div></div><div class="skills__ratings-item"><div class="title skills__ratings-title">Создание дизайна</div><div class="skills__ratings-counter">90%</div><div class="skills__ratings-line"><span class="line-bar-5"></span></div></div><div class="skills__ratings-item"><div class="title skills__ratings-title">Soft skills</div><div class="skills__ratings-counter">95%</div><div class="skills__ratings-line"><span class="line-bar-6"></span></div></div></div></div></section><section class="portfolio" id="portfolio"><div class="container"><div class="skills__descr"><h2 class="title portfolio__title">Портфолио</h2><div class="title portfolio__subtitle">Мои работы</div><div class="divider"></div></div><div class="portfolio__wrapper"><a href="sites/Laguna" target="_blank" class="portfolio__item"><img src="img/portfolio/laguna.jpg" alt="Laguna"> </a><a href="sites/Pulse" target="_blank" class="portfolio__item"><img src="img/portfolio/pulse.jpg" alt="Pulse"> </a><a href="sites/Uber" target="_blank" class="portfolio__item"><img src="img/portfolio/uber.jpg" alt="Uber"> </a><a href="sites/Evclid" target="_blank" class="portfolio__item vertical"><img src="img/portfolio/plans.jpg" alt="Evclid"> </a><a href="sites/Skillbox-3D" target="_blank" class="portfolio__item"><img src="img/portfolio/3-D.jpg" alt="Skillbox-3D"> </a><a href="sites/SitDownPls" target="_blank" class="portfolio__item horizonal"><img src="img/portfolio/SitDownPls.jpg" alt="SitDownPls"> </a><a href="sites/Garag" target="_blank" class="portfolio__item"><img src="img/portfolio/garag.jpg" alt="Продажа Сендвич Панелей"> </a><a href="sites/Project-wordress" target="_blank" class="portfolio__item"><img src="img/portfolio/wp.jpg" alt="Интенсив по WP"> </a><a href="sites/Kripta" target="_blank" class="portfolio__item"><img src="img/portfolio/kripta.jpg" alt="Криптовалюта"></a></div></div></section><section class="contacts" id="contacts"><div class="container contacts__conainer"><div class="contacts__wrapper"><div class="contacts__photo"><img src="img/IMG_3.jpg" alt="Фотография"></div><div class="contacts__descr"><div class="contacts__top"><h2 class="title contacts__title">Контакты</h2><div class="title contacts__subtitle">Свяжитесь со мной</div><div class="divider"></div></div><div class="title contacts__text">Любым удобным для вас способом:</div><div class="contacts__social"><a target="_blank" href="https://github.com/dedmaier" class="contacts__social-link"><svg><use xlink:href="img/sprite.svg#github"></use></svg> </a><a target="_blank" href="https://t.me/dedmaier" class="contacts__social-link"><svg><use xlink:href="img/sprite.svg#telegram"></use></svg> </a><a target="_blank" href="https://wa.me/79776193042" class="contacts__social-link"><svg><use xlink:href="img/sprite.svg#whatsapp"></use></svg> </a><a target="_blank" href="https://gitlab.com/DedMaier" class="contacts__social-link"><svg><use xlink:href="img/sprite.svg#gitlab"></use></svg></a></div><div class="title contacts__text">Или оставьте ваши данные и я сам вам напишу:</div><form action="#" class="form contacts__form contacts-form" method="Post" enctype="multipart/form-data"><div class="contacts__input"><input class="contacts-input input-reset input-name" type="text" data-validate-field="name" name="Name" placeholder="Введите имя"> <label for="Name">Ваше имя</label></div><div class="contacts__input"><input class="contacts-input input-reset input-phone" type="tel" data-validate-field="tel" name="Phone" placeholder="Введите номер телефона"> <label for="Phone">Ваш номер телефона</label></div><div class="contacts__textarea"><textarea class="contacts-input input-reset input-message" type="text" name="Message" placeholder="Опишите, что вы бы хотели заказать. Так же можете прикрепить ссылочку на социальную сеть, чтобы я с вами связался."></textarea> <label for="Message">Ваше сообщение</label></div><div class="contacts__triggers"><input class="input input-reset is-hidden" type="file" name="file[]" multiple="multiple" id="myfile"> <button type="submit" class="btn-reset btn--accent contacts__btn">Отправить</button><div class="contacts__police"><input class="input-checkbox" type="checkbox" name="Checkbox" id="checkbox"><div class="contacts__policy"><span>Я согласен (а) с <a target="_blank" href="policy.html">политикой конфиденциальности</a></span></div></div></div></form></div></div></div></section></main><div class="bottom-block"><div class="container bottom-block__container"><span class="bottom-block__caption">Про меня</span> <button class="bottom-block__burger" aria-label="Открыть мобильное меню" aria-expanded="false"></button></div></div><footer class="footer"><div class="container"></div></footer></div></body></html>